<template>
	<view class="content">
		<!-- <view id="container">
			<map style="width: 100%; height: 100%;" :latitude="latitude" :longitude="longitude" :markers="covers">
			</map>
		</view> -->
		<map style="width: 100%; height: 300px;" :latitude="startposition.lat" :longitude="startposition.lng"
			:markers="covers" @markertap="openMap(startposition.lat,startposition.lng,initFoemdata.title)">
		</map>


	</view>
</template>
</view>
</template>

<script>
	// window._AMapSecurityConfig = {
	// 	serviceHost: 'http://bufan.cloud/_AMapService',
	// 	// 例如 ：serviceHost:'http://1.1.1.1:80/_AMapService',
	// }
	export default {
		data() {
			return {
				// id: 0, // 使用 marker点击事件 需要填写id
				// title: 'map',
				// latitude: '',
				// longitude: '',
				// covers: [{
				// 		latitude: 34.7745,
				// 		longitude: 113.5948,
				// 		iconPath: '../../../static/adress.png'
				// 	},
				// 	{
				// 		latitude: 34.7745,
				// 		longitude: 113.5948,
				// 		iconPath: '../../../static/adress.png'
				// 	}
				// ]



				// 地图
				startposition: {
					lng: 113.5948,
					lat: 34.7745
				},
				initFoemdata:{
					title:''
				},
				covers: [{
					latitude: 34.7745,
					longitude: 113.5948,
					iconPath: "../../static/adress.png",
					label: {
						content: '和昌大厦',
						color: '#fff',
						fontSize: 12,
						borderRadius: 5,
						padding: 5,
						textAlign: 'center',
						bgColor: '#2979ff',
					},
				}],



			}
		},
		onShow() {
			// 获取位置
			// uni.getLocation({
			// 	type: 'wgs84',
			// 	success(res) {
			// 		console.log(res);
			// 		this.longitude = res.longitude;
			// 		this.latitude = res.latitude;
			// 		// console.log('当前位置的经度：' + res.longitude);
			// 		// console.log('当前位置的纬度：' + res.latitude);
			// 		// 当前位置的经度：113.5948
			// 		// index.vue:46 当前位置的纬度：34.7745
			// 	},
			// 	fail(err) {
			// 		console.log(err);
			// 	}
			// });

		},
		methods: {
			// 打开的点击事件，传经纬度和地点名
			openMap(latitude, longitude, name) {
				// 打开第三方 （小程序）
				uni.getLocation({
					success(res) {
						uni.openLocation({
							latitude: latitude,
							longitude: longitude,
							scale: 15
						});
					}
				});
			},
			
		}
	}
</script>
<!-- <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=c1952bf9a89af100d1788e3b45974636"></script> -->

<style>
	.content {
		width: 100%;
		height: 100%;
	}
</style>
